<template>
  <section class="todoapp">
    <TodoHeader></TodoHeader>
    <TodoMain :todoList="store.todoList"></TodoMain>
    <TodoFooter></TodoFooter>
  </section>
</template>

<script setup>
import { ref, reactive, computed, watch } from "vue";
import useLocalStoage from "../../../hooks/useLocalStoage";
import TodoHeader from "./TodoHeader.vue";
import TodoMain from "./TodoMain.vue";
import TodoFooter from "./TodoFooter.vue";

import useTodoStore from "../../../store/todo";
let store = useTodoStore();
</script>
